<script lang="ts">

  import {ref} from 'vue'

  export default{

  
    setup() {

      //定义属性 默认不是响应式的数据
      const msg = 'hello vue setup'
      let counter = ref(1)
      let age =ref(18);


      //方法
      function numPlus(){
        // console.log(this)
       
        counter.value ++;

       
        
      }

     //计算属性、 wacth
        
      return {msg,counter,numPlus,age}
      //返回函数的时候 当渲染函数使用，
      // return ()=> '你好啊！'
    },    


  }



</script>

<template>
 
    自定义的 一个  vue组件 {{ msg }}  <br>
    年龄 {{ age }}  <br>
    

    <button @click="numPlus">计数器 {{ counter }}</button>



</template>

<style scoped>

</style>
